{{extend './base.html'}}
{{block 'titleBlock'}}首页{{/block}}
{{block 'scriptBlock'}}
<script type="text/javascript" src="/js/web_index_banner.js"></script>
{{/block}}
{{block 'contentBlock'}}
<div class="container">
    <div class="show_left">
        <!-- 轮播图结构 -->
		<div class="banner">
			<!-- 三个图片切换 -->
			<ul class="img">
				<li class="cur"><a href="#"></a></li>
				<li><a href="#"></a></li>
				<li><a href="#"></a></li>
			</ul>
			<!-- 三个小圆点 -->
			<ul class="dots">
				<li class="cur"></li>
				<li></li>
				<li></li>
			</ul>
			<!-- 左右切换按钮 -->
			<span class="bannerBtn btnLeft"></span>
			<span class="bannerBtn btnRight"></span>
		</div>
        <!-- 分类入口 -->
        <div class="classify">
            <div class="classify_in">
                {{each classify}}
                <a href="/classifyid_list/{{$value.classify_id}}" data-aid="{{$value.classify_id}}">
                    <div class="classify_{{$index+1}} cs">
                        <img src="{{$value.classify_url}}" alt="">
                        <p class="p_1">{{$value.classify_name}}</p>
                        <p class="p_2">{{$value.classify_english}}</p>
                    </div>
                </a>
                {{/each}}
            </div>
        </div>
        <div class="show_list">
            <div class="list_title">
                <p>-----商品展示-----</p>
                <p>Products Display</p>
            </div>
            <div class="list_sort">
                <p>排序方式：</p>
                <button  data-cid="1">最新</button>
                <button  data-cid="2">价格</button>
                <button  data-cid="3">销量</button>
            </div>
            <div class="list_ul">
                <ul class="list_con">
                    <li>
                        <a href="">
                            <img src="/images/login.jpg" alt="">
                            <p>可乐</p>
                            <span>￥2.5</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="/images/login.jpg" alt="">
                            <p>可乐</p>
                            <span>￥2.5</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="/images/login.jpg" alt="">
                            <p>可乐</p>
                            <span>￥2.5</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="/images/login.jpg" alt="">
                            <p>可乐</p>
                            <span>￥2.5</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="/images/login.jpg" alt="">
                            <p>可乐</p>
                            <span>￥2.5</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="/images/login.jpg" alt="">
                            <p>可乐</p>
                            <span>￥2.5</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="/images/login.jpg" alt="">
                            <p>可乐</p>
                            <span>￥2.5</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="/images/login.jpg" alt="">
                            <p>可乐</p>
                            <span>￥2.5</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="/images/login.jpg" alt="">
                            <p>可乐</p>
                            <span>￥2.5</span>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="/images/login.jpg" alt="">
                            <p>可乐</p>
                            <span>￥2.5</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="show_right">
        <ul>
            <li>销量排行</li>
            {{each salesOrder}}
            <li>
                <span class="rank_{{$index+1}}">{{$index+1}}</span>
                <a href="/commodity_detail/{{$value.commodity_id}}">{{$value.commodity_name}}</a>
            </li>
            {{/each}}
        </ul>
    </div>
</div>
{{/block}}